<template>
  <div>
    <el-button class="back-button" @click="goBack" type="text" :icon="ArrowLeft">返回主页</el-button>
    <ChatInterface title="AI求职小助手" chat-type="job-assistant" />
  </div>
</template>

<script setup>
import { ArrowLeft } from '@element-plus/icons-vue'
import { useRouter } from 'vue-router'
import ChatInterface from '../components/ChatInterface.vue'

const router = useRouter()

const goBack = () => {
  router.push('/')
}
</script>

<style scoped>
.back-button {
  margin: 15px 0 0 20px;
}
</style> 